body {
 font-family: Arial, Helvetica, sans-serif;
 color: #51555C;
 font-size: 12px;
}
body, div{
padding: 0;
margin:0;
}
body, html {
  width: 100%;
  height: 100%;
  overflow:hidden;
}

a:link,a:visited{
 text-decoration:none; 
}

/* - public style - */
.red { color: #F00; }
.bold { font-weight: bold; }
.green { color: #06A53B; }
.gray { color: #9a9a9a; }
.blue { color: #0086d2; }
.black {color:#000000;}
.yellow { color: #ECF73A; }
.white { color: #FFF; }
.orange{color:#FB6603;}
.brown {color:#af4c0a;}
.darkbrown{color:#6a3906;}
.purple{color:#8a2be2;}
.title{color:#748BA2;}
.clear { clear: both; }
.overflow { overflow: hidden; }
.padding { padding: 1px; }
.left { float: left; }
.right { float: right; }
.fcenter{clear: both;float: none;margin-left: auto;margin-right: auto;margin-top: 0px;}
.center { text-align: center; }
.textL { text-align: left; }
.textR {text-align: right; }
.marX8{margin:0 8px;}
.marX4{margin:0 4px;}
.marY8{margin:8px 0;}
.mar8{margin:8px;}
.marY4{margin:4px 0;}
.f16{font-size:16px;}
.hand_{cursor:pointer;}
.underline{text-decoration:underline;}
.no_underline{text-decoration:none;}
.hide{display:none;}
.bg_green{background-color:#33D2FC;}
.bg_gray{background-color:#FAFAFA;}
.bd_red{border:1px solid red;}
.padding5{padding:5px;}
.bd_dashed_yellow{border: 1px dashed yellow;}



/* public style */
.header{
   padding:0px;
   margin:0px;
}
.ad{
  height:60px;
}
/*
	xBreadcrumbs (Extended Breadcrumbs) jQuery Plugin
	? 2009 ajaxBlender.com
	For any questions please visit www.ajaxblender.com 
	or email us at support@ajaxblender.com
*/

.xbreadcrumbs {
	position: relative;
	z-index: 1000;
}
.xbreadcrumbs LI UL { 
	position: absolute;
	float: left;
}
.xbreadcrumbs, .xbreadcrumbs LI, .xbreadcrumbs UL, .xbreadcrumbs UL LI {
	list-style: none;
	margin: 0;
	padding: 0;
}
.xbreadcrumbs { clear: both; }
.xbreadcrumbs, .xbreadcrumbs LI {
	float: left;
}
.xbreadcrumbs UL {
	display: none;
}

/*  Base style of xBreadcrumbs  */
/*  Top Level  */
.xbreadcrumbs {
	background: #F0F0F0;
	width: 100%;
}
.xbreadcrumbs LI {
	padding: 5px;
	border-right: 1px solid #CECECE;
	height: 16px;
}
.xbreadcrumbs LI.current {
	border-right: none;
}
.xbreadcrumbs LI A {
	font-size: 11px;
	color: #666666;
	text-decoration: none;
}
.xbreadcrumbs LI A:HOVER, .xbreadcrumbs LI.hover A {
	color: #0A8ECC;
}
/*  Top Level - Current Page  */
.xbreadcrumbs LI.current A {
	color: #333333;
	font-weight: bold;
}
/*  Sub-level  */
.xbreadcrumbs LI UL {
	padding: 3px;
	background: #333333;
	font-size: 11px;
	width: 180px;
	top: 25px;
}
.xbreadcrumbs LI UL LI {
	float: left;
	width: 100%;
	border-right: none;
	height: auto;
}
.xbreadcrumbs LI UL LI A {
	text-decoration: none;
	color: #CCCCCC !important;
	display: block;
	padding: 4px;
	border-bottom: 1px dotted #666666;
}
.xbreadcrumbs LI UL LI:last-child A {
	border-bottom: none;
}
.xbreadcrumbs LI UL LI A:HOVER {
    background: #444444;
}

  .xbreadcrumbs LI {
        border-right: none;
        background: url(../../images/pro/separator.gif) no-repeat right center;
        padding-right: 15px;
        padding-left: 10px;
    }
    .xbreadcrumbs LI.current { background: none; }
    .xbreadcrumbs LI UL LI { background: none; }
    
    .xbreadcrumbs LI A.home {
        background: url(../../images/pro/home.gif) no-repeat left center;
        padding-left: 20px;
    }

    /*  Custom styles for breadcrums (#breadcrumbs-3)  */
    .xbreadcrumbs#breadcrumbs-3 {
        background: none;
    } 
    .xbreadcrumbs#breadcrumbs-3 LI A {
        text-decoration: underline;
        color: #0A8ECC;
    }
    .xbreadcrumbs#breadcrumbs-3 LI A:HOVER, .xbreadcrumbs#breadcrumbs-3 LI.hover A { text-decoration: none; }
    .xbreadcrumbs#breadcrumbs-3 LI.current A {
        color: #333333;
        text-decoration: none;
    }
    .xbreadcrumbs#breadcrumbs-3 LI {
        border-right: none;
        background: url(../../images/pro/separator-arrow.gif) no-repeat right center;
        padding-right: 15px;
        padding-left: 10px;
    }
    .xbreadcrumbs#breadcrumbs-3 LI.current { background: none; }
    .xbreadcrumbs#breadcrumbs-3 LI UL LI { background: none; padding: 0;  }
    



/* Navigation menu styles */

#menu-container ul{
	height:25px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0;
	padding:0;
}

#menu-container ul li{
	border:1px solid rgba(233, 215, 215, 0.42);
	display:inline-block;
	float:left;
	height:25px;
	list-style-type:none;
	overflow:hidden;
}

#menu-container ul li a, #menu-container ul li a:hover, 
#menu-container ul li a:visited{
	text-decoration:none;
}

.normalMenu, .normalMenu:visited,
.hoverMenu, .hoverMenu:visited,
.selectedMenu,.selectedMenu:visited {
	outline:none;
	padding:5px 10px;
	display:block;
}

.hoverMenu,.hoverMenu:visited,
.selectedMenu,.selectedMenu:visited {
	margin-top:-25px;
	background:url(../../images/pro/dark_bg.gif) repeat-x #eeeeee;
	color:rgb(189, 223, 55);
}

.selectedMenu,.selectedMenu:visited {
	margin:0;
}

.normalMenu, .normalMenu:visited{
	color:#666666;
	background:url(../../images/pro/grey_bg.gif) repeat-x #444444;
}

/* Scroller Box */
#scroller_container {
 position: relative;
 width: 100%;
 #height:300px;
 border: 1px rgba(194, 213, 194, 0.28) solid; 
 background:rgba(224, 238, 232, 0.44);
 overflow-y:scroll;
 overflow-x:hidden;
}

#scroller_container ul,#searchBarShow ul{
 margin:0; 
 padding:0;
 width:100%;
} 
#scroller_container li,#searchBarShow li
{
  height:25px; 
  width:100%;
  line-height:25px;
  font-size:18px;
  font-weight:bold;
  text-align:center; 
  list-style-type:none;
} 

#scroller_container li:hover,#searchBarShow li:hover{
  color:rgba(50, 79, 233, 0.75);
  background:rgba(206, 207, 163, 0.78);
}

/* Scoller Box */


/* CSS Hack Safari */

.bodyLeft{
  float:left;
  width:100%;
}

.bodyRight{
  float:right;
  width:0;
  background:rgba(224, 238, 232, 0.44);
  border: 1px rgba(194, 213, 194, 0.28) solid;
  overflow-y:scroll;
}

.searchBar{
  background: #F0F0F0;
  width: 100%;
  height:25px;
  padding:0;
  margin:0;
  clear:both;
}

.width100{
  width:100%;
}

#searchBarShow{
  position: relative;
  width: 100%;
  border: 1px rgba(194, 213, 194, 0.28) solid;
  background: rgba(224, 238, 232, 0.44);
  border-image: initial;
  overflow-y:scroll;
  overflow-x:hidden;
}
.tailBar{
  background: #F0F0F0;
  width: 100%;
  height:25px;
  clear:both;
}